<!doctype html>

<html lang="en">
<head>

  <meta charset="utf-8">
  <title>INDEX - Jacky group & Co.</title>
  <meta name="description" content="JACKY -  with grid HTML5 and CSS3. ">
  <meta name="keywords" content="jacky, simplicity, theme, html5, download, free psd">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta name="author" content="Che">
  <link rel="icon" type="image/png" href="img/icon.ico" />

<!--Style-->

  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/style-responsive.css">  
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
  
  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  
</head>

<body>

<!--Preloader-->

<div class="preloader" id="preloader">
    <div class="item">
      <div class="spinner">
      </div>
    </div>
</div>

<div class="opacity-nav">

        <div class="menu-index" id="buttons" style="z-index:999999">
        <i class="fa  fa-close"></i>
        </div>

    <ul class="menu-fullscreen">
      <li><a class="ajax-link" href="single.html">Home</a></li>
      <li><a class="ajax-link" href="projects.html">Attacks</a></li>
      <li><a class="ajax-link" href="about-us.html">About us</a></li>
      <li><a class="ajax-link" href="contact.html">Contact</a></li>
    </ul>

</div>


  <!--Header-->
  <header id="fullscreen">
    
      <div class="logo" id="full"><a class="ajax-link" href="index.html">JACKY</a></div>
      
        <div class="menu-index" id="button">
        <i class="fa fa-bars"></i>
        </div>

  </header>

  <div class="clear"></div>

  <!--Content-->

  <div class="content" id="ajax-content">


        <div class="text-intro" id="site-type">

          <h1>We love Russia! We love Russians!</h1>
          <h1 class="typewrite"><span>Hacktivists</span></h1> <!--Изменить на script.js-->
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque qui iure esse debitis omnis labore ex perspiciatis vel, alias id enim dolor eum! Nobis maxime qui suscipit, assumenda accusantium sit!</p>

        </div>


  <!--Portfolio grid-->

  <ul class="portfolio-grid" id="portfolio-sidebar">

    
    <li class="grid-item">
      <img src="img/portfolio/1.jpg">
        <a class="ajax-link" href="single.html">  
          <div class="grid-hover">
            <h1>Single</h1>
            <p>Branding</p>
          </div>
        </a>  
    </li>

    <li class="grid-item">
      <img src="img/portfolio/5.jpg">
        <a class="ajax-link" href="single-fullscreen.html">  
          <div class="grid-hover">
            <h1>Full Screen</h1>
            <p>Branding</p>
          </div>
        </a>      
    </li>    
    
    <li class="grid-item">
      <img src="img/portfolio/2.jpg">
        <a class="ajax-link" href="#">  
          <div class="grid-hover">
            <h1>Single</h1>
            <p>Branding</p>
          </div>
        </a>      
    </li>  
    
    <li class="grid-item">
      <img src="img/portfolio/3.jpg">
        <a class="ajax-link" href="#">  
          <div class="grid-hover">
            <h1>Single</h1>
            <p>Branding</p>
          </div>
        </a>      
    </li>    

    <li class="grid-item">
      <img src="img/portfolio/4.jpg">
        <a class="ajax-link" href="#">  
          <div class="grid-hover">
            <h1>Single</h1>
            <p>Branding</p>
          </div>
        </a>      
    </li>    

    <li class="grid-item">
      <img src="img/portfolio/6.jpg">
        <a class="ajax-link" href="#">  
          <div class="grid-hover">
            <h1>Single</h1>
            <p>Branding</p>
          </div>
        </a>      
    </li>  

  </ul>

  </div>

  <!--Home Sidebar-->

<div id="ajax-sidebar">

  <div class="home-sidebar" style="background-image:url('img/home-sidebar.jpg')" id="hero">

    <div class="parallax-option" data-jkit="[parallax:strength=0.8;axis=both]">

      <div class="parallax parallax1"><img src="img/business-card-2.png"></div>
    
    </div>

    <div class="parallax-option" data-jkit="[parallax:strength=0.3;axis=both]">

      <div class="parallax parallax1"><img src="img/business-card.png"></div>
    
    </div>

  </div>

</div>


  <!--Footer-->

  <footer>
    <div class="footer-margin">
      <div class="social-footer">
        <a href="https://www.youtube.com/"><i class="fa fa-youtube fa-2x" aria-hidden="true"></i></a>
        <a href="https://t.me/s/killnet_channel"><i class="fa fa-telegram fa-2x" aria-hidden="true"></i></a>
      </div>     
      <div class="copyright">© Copyright 2022 Jacky group & Co. All Rights Reserved.</div>
    </div>
  </footer>



<!--Scripts-->

  <script src="js/jquery.min.js"></script>
	<script src="js/jquery.easing.min.js"></script>
	<script src="js/modernizr.custom.42534.js" type="text/javascript"></script>
  <script src="js/jquery.waitforimages.js" type="text/javascript"></script>
  <script src="js/typed.js" type="text/javascript"></script>
  <script src="js/masonry.pkgd.min.js" type="text/javascript"></script>  
  <script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script>    
  <script src="js/jquery.jkit.1.2.16.min.js"></script>
 
  <script src="js/script.js" type="text/javascript"></script>
  
	<script>
    $('#button, #buttons').on('click', function() {
      $( ".opacity-nav" ).fadeToggle( "slow", "linear" );
    // Animation complete.
    });
  </script>


</body>
</html>